<link rel="stylesheet" type="text/css" href="__CSS__/businessCanvas.css" />



{include file="index/canvas_structure" /}


<div style="width: 100%;text-align: center;font-size: 30px;">
    <div style="width: 200px;position: relative;margin-left: 45%;">
        商业模式画布

        <div class="tooltip" style="width: 24px;height: 24px;position: absolute;top: 0%;left: 100%;">

            <img style="width: 24px;height: 24px;position: absolute;top: 0%;left: 0%;" src="__IMG__/explaination.png">

            <span class="tooltiptext" style="text-align:left;font-size: 14px;">用于将商业模式中的9个元素（价值主张、关键业务等）标准化，并强调元素间的相互作用，很好的体现了系统观的思维模式。
            </span>
        </div>

    </div>
</div>

<!--第一行表格-->
<div style="display:table;min-height:400px;margin-left: 20px;margin-top: 10px;width: 1250px;clear: both;">

    <!--1.重要伙伴-->
    <div class="typeBlock" >
        <div class="title">
            <text>重要伙伴</text>
            <div class="tooltip ">
                <div class="addBtn" onclick="addRecord('{$toolId}',1,'{$_COOKIE['user']}')">
                    <img src="__IMG__/add_record.png">
                </div>


                <span class="tooltiptext">重要伙伴
                </span>

            </div>

        </div>


        <div class="msg" id="msg_1">
            {volist name="records" id="r"}

            {if condition="$r.type_name == '重要伙伴' "}

                {include file="index/business_canvas_template" /}

            {/if}
            {/volist}

        </div>
    </div>

    <!--2.关键业务；3.核心资源-->
    <div class="typeBlock">
        <div style="height: auto;min-height: 200px;">


            <div class="title">
            <text>关键业务</text>

                <div class="tooltip ">
                    <div class="addBtn" onclick="addRecord('{$toolId}',2,'{$_COOKIE['user']}')">
                        <img src="__IMG__/add_record.png">
                    </div>


                    <span class="tooltiptext">。。。
                </span>

                </div>

            </div>


        <div class="msg" id="msg_2">
            {volist name="records" id="r"}

            {if condition="$r.type_name == '关键业务' "}
                {include file="index/business_canvas_template" /}

            {/if}
            {/volist}
        </div>
        </div>

        <div style="height: auto;min-height:200px;">
            <div class="title">
                <text>核心资源</text>
                <div class="tooltip ">
                    <div class="addBtn" onclick="addRecord('{$toolId}',3,'{$_COOKIE['user']}')">
                        <img src="__IMG__/add_record.png">
                    </div>


                    <span class="tooltiptext">。。。
                </span>

                </div>

            </div>


            <div class="msg" id="msg_3">
                {volist name="records" id="r"}

                {if condition="$r.type_name == '核心资源' "}
                    {include file="index/business_canvas_template" /}
                {/if}
                {/volist}
            </div>
        </div>


    </div>

    <!--4.价值主张-->
    <div class="typeBlock">
        <div class="title">
            <text>价值主张</text>
            <div class="tooltip ">
                <div class="addBtn" onclick="addRecord('{$toolId}',4,'{$_COOKIE['user']}')">
                    <img src="__IMG__/add_record.png">
                </div>


                <span class="tooltiptext">。。。
                </span>

            </div>

        </div>


        <div class="msg" id="msg_4">
            {volist name="records" id="r"}

            {if condition="$r.type_name == '价值主张' "}
                {include file="index/business_canvas_template" /}

            {/if}
            {/volist}

        </div>
    </div>

    <!--5.客户关系；6.渠道通路-->
    <div class="typeBlock">
        <div style="height: auto;min-height: 200px;">


            <div class="title">
                <text>客户关系</text>
                <div class="tooltip ">
                    <div class="addBtn" onclick="addRecord('{$toolId}',5,'{$_COOKIE['user']}')">
                        <img src="__IMG__/add_record.png">
                    </div>

                    <span class="tooltiptext">。。。
                </span>

                </div>

            </div>


            <div class="msg" id="msg_5">
                {volist name="records" id="r"}

                {if condition="$r.type_name == '客户关系' "}
                    {include file="index/business_canvas_template" /}
                {/if}
                {/volist}
            </div>
        </div>

        <div style="height: auto;min-height: 200px;">
            <div class="title">
                <text>渠道通路</text>

                <div class="tooltip ">
                    <div class="addBtn" onclick="addRecord('{$toolId}',6,'{$_COOKIE['user']}')">
                        <img src="__IMG__/add_record.png">
                    </div>


                    <span class="tooltiptext">。。。
                </span>

                </div>

            </div>


            <div class="msg" id="msg_6">
                {volist name="records" id="r"}

                {if condition="$r.type_name == '渠道通路' "}

                    {include file="index/business_canvas_template" /}
                {/if}
                {/volist}
            </div>
        </div>


    </div>

    <!--7.客户细分-->
    <div class="typeBlock">
        <div class="title">
            <text>客户细分</text>
            <div class="tooltip ">
                <div class="addBtn" onclick="addRecord('{$toolId}',7,'{$_COOKIE['user']}')">
                    <img src="__IMG__/add_record.png">
                </div>


                <span class="tooltiptext">。。。
                </span>

            </div>

        </div>


        <div class="msg" id="msg_7">
            {volist name="records" id="r"}

            {if condition="$r.type_name == '客户细分' "}
                {include file="index/business_canvas_template" /}
            {/if}
            {/volist}

        </div>
    </div>

</div>


<!--第二行表格-->
<div style="display:table;min-height:200px;margin-left: 20px;width: 1250px;">
    <!--8.成本结构-->
    <div class="typeBlock">
        <div class="title">
            <text>成本结构</text>
            <div class="tooltip ">
                <div class="addBtn" onclick="addRecord('{$toolId}',8,'{$_COOKIE['user']}')">
                    <img src="__IMG__/add_record.png">
                </div>


                <span class="tooltiptext">。。。
                </span>

            </div>

        </div>


        <div class="msg" id="msg_8"><!--flex布局-->
            {volist name="records" id="r"}

            {if condition="$r.type_name == '成本结构' "}
                {include file="index/business_canvas_template" /}
            {/if}
            {/volist}

        </div>
    </div>

    <!--9.收入来源-->
    <div class="typeBlock">
        <div class="title">
            <text>收入来源</text>

            <div class="tooltip ">
                <div class="addBtn" onclick="addRecord('{$toolId}',9,'{$_COOKIE['user']}')">
                    <img src="__IMG__/add_record.png">
                </div>

                <span class="tooltiptext">。。。
                </span>

            </div>

        </div>


        <div class="msg" id="msg_9">
            {volist name="records" id="r"}

            {if condition="$r.type_name == '收入来源' "}
                {include file="index/business_canvas_template" /}
            {/if}
            {/volist}

        </div>
    </div>

</div>


</div><!--closing tag for wholeCanvas div-->



<script>
    setTimeout(function () {
        var allText = $(".record_area");

        //console.log(allText);
        for (var i = 0; i < allText.length; i++) {
            autoTextarea(allText[i]);// 调用
        }
    }, 0);


</script>
